<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>登录</title>
<link rel="stylesheet" href="../css/common.css" />
<link rel="stylesheet" href="../css/login.css" />
<script type="text/javascript" src="../js/jquery.min.js"></script>
</head>

<body>
	<div class="middle">
		<a href="index.html"><img src="../img/logo.jpg" alt="logo" /></a>
		<form id="login" action="login.do" method="post">
			<label for="name">登录名</label><input type="text" name="userId"
				id="name" />
			<div id="nametip">*请输入6-16位的用户名!</div>
			<div id="nametip1">*该用户还未注册 ，请先注册！</div>
			<div id="nametip2">*不允许有空格！</div>
			<br /> <label for="pswd">密码</label><input type="password"
				name="pswd" id="pwd" /> <span class="square"></span> <span
				class="forget_pwd"><a href="javascript:void(0)">忘记密码</a></span>
			<div id="pwdtip">*请输入6-18位的密码！</div>
			<div id="pwdtip1">*密码错误！</div>
			<br /> <label>验证码</label><input type="text" name="verifyCode"
				id="code" /> <a id="refreshVC" href="javascript:void(0)"><span
				class="vertification_code"> <img id="vimg" src="getVC.do"
					alt="验证码"></span> 看不清，换一张</a>
			<span id="vcMsg"></span>
			<br /> <input type="submit" id="sub" name="sub" value="登录">
			<span class="registic"><a href="reg.html">免费注册</a></span>
		</form>
	</div>
	<!--尾部-->
	<div class="footer">
		<ul>
			<li><img src="../img/contact_icon.png" alt=""><span>QQ公众号</span></li>
			<li><img src="../img/contact_icon.png" alt=""><span>QQ公众号</span></li>
			<li><img src="../img/position_icon.png" alt=""><span>520余家售后网点</span></li>
			<li><img src="../img/position_icon.png" alt=""><span>520余家售后网点</span></li>
		</ul>
		<hr>
		<div>
			<dl>
				<dt>帮助中心</dt>
				<dd>账号管理</dd>
				<dd>购物指南</dd>
				<dd>订单操作</dd>
			</dl>
			<dl>
				<dt>帮助中心</dt>
				<dd>账号管理</dd>
				<dd>购物指南</dd>
				<dd>订单操作</dd>
			</dl>
			<dl>
				<dt>帮助中心</dt>
				<dd>账号管理</dd>
				<dd>购物指南</dd>
				<dd>订单操作</dd>
			</dl>
			<dl>
				<dt>帮助中心</dt>
				<dd>账号管理</dd>
				<dd>购物指南</dd>
				<dd>订单操作</dd>
			</dl>

			<span>400-400-4000</span>
			<p>在 线 客 服</p>
		</div>

		<p>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号
			京网文[2014]0059-0009号</p>
		<p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
	</div>

</body>
<script type="text/javascript" src="../js/login.js"></script>
<script type="text/javascript">
	$(function() {
		/** 为验证码看不清楚绑定点击事件 */
		$("#refreshVC").click(function() {
			/** 重新设置验证码图片的src属性，让它引用一张新的图片 */
			$("#vimg").attr("src", "getVC.do?" + new Date().getTime());
		});
		/*前台验证码验证*/
		$("#code").blur(function() {
			data_dict = {
				"verifyCode" : $(this).val()
			};
			$.ajax({
				url : "checkVC.do",
				type : "post",
				data : data_dict,
				dataType : "TEXT",
				success : function(result) {
					console.log("ajax_success!");
					console.log(result);
					if (result == "true") {
						$("#vcMsg").text("验证码正确！");
					} else {
						$("#vcMsg").text("验证码错误！");
					}
				}
			});
		});
	});
</script>
</html>